<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head th:replace="commons/front :: header('首页', 'index')"></head>
<body id="nv_portal" class="pg_index">
<div th:include="commons/front :: navbar"></div>
<div id="wp" class="wp">
    <script th:src="@{static/front/js/jquery.fullpage.min.js}" type="text/javascript"></script>
    <script th:src="@{static/front/js/scoll.js}" type="text/javascript"></script>
    <script th:src="@{static/front/js/addons.js}" type="text/javascript"></script>
    <script th:src="@{static/front/js/case.js}" type="text/javascript"></script>
    <script th:src="@{static/front/js/tab.lib.js}" type="text/javascript"></script>
    <script type="text/javascript">
        PTM(document).ready(function () {
            PTM(".wk_about").tab({
                tabId: "#wk_about_menu",
                tabTag: "a",
                conId: "#wk_about_div",
                conTag: "div.wk_aaa",
                act: "mouseover",
                effact: "scrollx",
                dft: 0
            });
        });
    </script>
</div>
<div class="clear"></div>
<div class="wk_index_main">
    <!--page1-->
    <div class="section page1">
        <div class="wk_slide-wrap">
            <ul>
                <li id="wk_s1" class="wk_selected">
                    <div class="wk_banner"></div>
                    <div class="wk_wrap">
                        <div class="wk_banner13"><img th:src="@{static/front/images/banner13.png}" alt=""/></div>
                        <div class="wk_banner12"><img th:src="@{static/front/images/banner12.png}" alt=""/></div>
                        <div class="wk_banner14"><img th:src="@{static/front/images/banner14.png}" alt=""/></div>
                    </div>
                </li>
                <li id="wk_s2">
                    <div class="wk_banner"></div>
                    <div class="wk_wrap">
                        <div class="wk_banner22"><img th:src="@{static/front/images/banner22.png}" alt=""/></div>
                        <div class="wk_banner23"><img th:src="@{static/front/images/banner23.png}" alt=""/></div>
                        <div class="wk_banner24"><a href="#" target="_blank">了解更多</a></div>
                    </div>
                </li>
                <li id="wk_s3">
                    <div class="wk_banner"></div>
                    <div class="wk_wrap">
                        <div class="wk_banner32"><img th:src="@{static/front/images/banner32.png}" alt=""/></div>
                        <div class="wk_banner33"><img th:src="@{static/front/images/banner33.png}" alt=""/></div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="wk_arrow"><a href="#service"><img th:src="@{static/front/images/ico3.png}"/></a></div>
        <div class="wk_slide-nav-wrap">
            <div id="wk_slide-nav">
                <ul>
                    <li class="wk_nav-line"></li>
                    <li class="wk_nav-bullet-container active" data-index="0"><a class="nav-link"
                                                                                 href="javascript:void(0)">
                        <div class="nav-bullet"></div>
                        <div class="nav-text">高端定制开发</div>
                    </a></li>
                    <li class="wk_nav-line"></li>
                    <li class="wk_nav-bullet-container" data-index="1"><a class="nav-link" href="javascript:void(0)">
                        <div class="nav-bullet"></div>
                        <div class="nav-text">互联网整合营销</div>
                    </a></li>
                    <li class="wk_nav-line"></li>
                    <li class="wk_nav-bullet-container" data-index="2"><a class="nav-link" href="javascript:void(0)">
                        <div class="nav-bullet"></div>
                        <div class="nav-text">响应式网站</div>
                    </a></li>
                    <li class="wk_nav-line"></li>
                </ul>
            </div>
        </div>
    </div>
    <!--page2-->
    <div class="section page2">
        <div class="wk_fwxm">
            <ul>
                <li class="wk_li1">
                    <div class="wk_fwxm_bg"></div>
                    <div class="wk_fwxm_main">
                        <div class="wk_fwxm_ico"></div>
                        <h2>高端网站设计制作</h2>
                        <p>DESIGN CUSTOM</p>
                        <div class="wk_fwxm_des">团队凭借多年的行业经验为企业量身定制，让您的企业在残酷的网络竞争中脱颖而出，立于不败之地。</div>
                        <div class="wk_ljzx"><a th:href="@{contact.html}" target="_blank">立即咨询</a></div>
                    </div>
                </li>
                <li class="wk_li2">
                    <div class="wk_fwxm_bg"></div>
                    <div class="wk_fwxm_main">
                        <div class="wk_fwxm_ico"></div>
                        <h2>网络运营与推广</h2>
                        <p>NETWORK OPERATIONS</p>
                        <div class="wk_fwxm_des">专注于高品质网络品牌运营推广服务，在网络中树立企业品牌形象，提高搜索关键词转换率，以及多终端广告展现！</div>
                        <div class="wk_ljzx"><a th:href="@{contact.html}" target="_blank">立即咨询</a></div>
                    </div>
                </li>
                <li class="wk_li3">
                    <div class="wk_fwxm_bg"></div>
                    <div class="wk_fwxm_main">
                        <div class="wk_fwxm_ico"></div>
                        <h2>HTML5响应式网站开发</h2>
                        <p>RESPONSIVE WEBSITE</p>
                        <div class="wk_fwxm_des">HTML5+CSS3设计制作的同时兼容手机和IPAD等触屏设备分辨率，达到最优访问效果，网站数据同步各终端。</div>
                        <div class="wk_ljzx"><a th:href="@{contact.html}" target="_blank">立即咨询</a></div>
                    </div>
                </li>
                <li class="wk_li4">
                    <div class="wk_fwxm_bg"></div>
                    <div class="wk_fwxm_main">
                        <div class="wk_fwxm_ico"></div>
                        <h2>移动端手机网站与APP</h2>
                        <p>MOBILE WEBSITE</p>
                        <div class="wk_fwxm_des">专注移动端手机网站设计、微网站、手机APP定制开发，创造有活力的品牌网站，在移动互联网市场中取得先机。</div>
                        <div class="wk_ljzx"><a th:href="@{contact.html}" target="_blank">立即咨询</a></div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!--page3-->
    <div class="section page3">
        <div class="case">
            <h2><img th:src="@{static/front/images/case_title.png}" alt=""/></h2>
            <h2 class="wk_h2"><img th:src="@{static/front/images/case_title1.png}" alt=""/></h2>
            <div class="wk_btndiv"><a class="abtn aleft" href="javascript:void(0);"></a> <a class="abtn aright"
                                                                                            href="javascript:void(0);"></a>
            </div>
            <div class="wk_scrollcontainer">
                <ul>
                    <li>
                        <div class="wk_case_list"><a th:href="@{caseshow.html}" target="_blank" title="Jackery app">
                            <div class="wk_case_img"><img th:src="@{static/front/uploads/1-1F31G05F1913-lp.jpg}"
                                                          width="275" height="190"
                                                          alt="Jackery app"/></div>
                            <div class="wk_case_ico"></div>
                            <div class="wk_case_xian"><span class="wk_span_1"></span> <span class="wk_span_2"></span>
                                <span class="wk_span_3"></span> <span class="wk_span_4"></span></div>
                        </a></div>
                        <div class="wk_case_list"><a th:href="@{caseshow.html}" target="_blank" title="为律生活打造在线法律服务平">
                            <div class="wk_case_img"><img th:src="@{static/front/uploads/1-1F31G05524557-lp.jpg}"
                                                          width="275" height="190"
                                                          alt="为律生活打造在线法律服务平"/></div>
                            <div class="wk_case_ico"></div>
                            <div class="wk_case_xian"><span class="wk_span_1"></span> <span class="wk_span_2"></span>
                                <span class="wk_span_3"></span> <span class="wk_span_4"></span></div>
                        </a></div>
                        <div class="wk_case_list"><a th:href="@{caseshow.html}" target="_blank" title="优品汇手机助手">
                            <div class="wk_case_img"><img th:src="@{static/front/uploads/1-1F31G054451A-lp.jpg}"
                                                          width="275" height="190"
                                                          alt="优品汇手机助手"/></div>
                            <div class="wk_case_ico"></div>
                            <div class="wk_case_xian"><span class="wk_span_1"></span> <span class="wk_span_2"></span>
                                <span class="wk_span_3"></span> <span class="wk_span_4"></span></div>
                        </a></div>
                        <div class="wk_case_list"><a th:href="@{caseshow.html}" target="_blank" title="我开始健身pad端app">
                            <div class="wk_case_img"><img th:src="@{static/front/uploads/1-1F31G054123I-lp.jpg}"
                                                          width="275" height="190"
                                                          alt="我开始健身pad端app"/></div>
                            <div class="wk_case_ico"></div>
                            <div class="wk_case_xian"><span class="wk_span_1"></span> <span class="wk_span_2"></span>
                                <span class="wk_span_3"></span> <span class="wk_span_4"></span></div>
                        </a></div>
                        <div class="wk_case_list"><a th:href="@{caseshow.html}" target="_blank" title="四维图新 - 趣逛地图">
                            <div class="wk_case_img"><img th:src="@{static/front/uploads/1-1F31G05244325-lp.jpg}"
                                                          width="275" height="190"
                                                          alt="四维图新 - 趣逛地图"/></div>
                            <div class="wk_case_ico"></div>
                            <div class="wk_case_xian"><span class="wk_span_1"></span> <span class="wk_span_2"></span>
                                <span class="wk_span_3"></span> <span class="wk_span_4"></span></div>
                        </a></div>
                        <div class="wk_case_list"><a th:href="@{caseshow.html}" target="_blank" title="硅谷明星教育团队米豆教育">
                            <div class="wk_case_img"><img th:src="@{static/front/uploads/1-1F31G05144R2-lp.jpg}"
                                                          width="275" height="190"
                                                          alt="硅谷明星教育团队米豆教育"/></div>
                            <div class="wk_case_ico"></div>
                            <div class="wk_case_xian"><span class="wk_span_1"></span> <span class="wk_span_2"></span>
                                <span class="wk_span_3"></span> <span class="wk_span_4"></span></div>
                        </a></div>
                        <div class="wk_case_list"><a th:href="@{caseshow.html}" target="_blank" title="携手正量网开创工程建设电商">
                            <div class="wk_case_img"><img th:src="@{static/front/uploads/1-1F31G05040124-lp.jpg}"
                                                          width="275" height="190"
                                                          alt="携手正量网开创工程建设电商"/></div>
                            <div class="wk_case_ico"></div>
                            <div class="wk_case_xian"><span class="wk_span_1"></span> <span class="wk_span_2"></span>
                                <span class="wk_span_3"></span> <span class="wk_span_4"></span></div>
                        </a></div>
                        <div class="wk_case_list"><a th:href="@{caseshow.html}" target="_blank" title="vivo Xplay5双曲面屏">
                            <div class="wk_case_img"><img th:src="@{static/front/uploads/1-1F3161T2144V-lp.jpg}"
                                                          width="275" height="190"
                                                          alt="vivo Xplay5双曲面屏"/></div>
                            <div class="wk_case_ico"></div>
                            <div class="wk_case_xian"><span class="wk_span_1"></span> <span class="wk_span_2"></span>
                                <span class="wk_span_3"></span> <span class="wk_span_4"></span></div>
                        </a></div>

                    </li>
                    <li>
                        <div class="wk_case_list"><a th:href="@{caseshow.html}" target="_blank" title="零担速配APP案例">
                            <div class="wk_case_img"><img th:src="@{static/front/uploads/1-1F3161T0133Y-lp.jpg}"
                                                          width="275" height="190"
                                                          alt="零担速配APP案例"/></div>
                            <div class="wk_case_ico"></div>
                            <div class="wk_case_xian"><span class="wk_span_1"></span> <span class="wk_span_2"></span>
                                <span class="wk_span_3"></span> <span class="wk_span_4"></span></div>
                        </a></div>

                    </li>
                </ul>
                <!--首页-案例-内部调用代码设置位置-->
                <script type="text/javascript">
                    PTM(function () {
                        PTM(".case").Xslider({
                            unitdisplayed: 1,
                            numtoMove: 1,
                            speed: 500,
                            scrollobjSize: Math.ceil(PTM(".uldiv").find("li").length * 1)
                        })
                    })
                </script>
            </div>
        </div>
    </div>
    <!--page4-->
    <div class="section page4">
        <div class="wk_about">
            <h2><img th:src="@{static/front/images/about_title.png}" alt=""/></h2>
            <h2 class="wk_h2"><img th:src="@{static/front/images/about_title1.png}" alt=""/></h2>
            <div class="wk_about_menu" id="wk_about_menu"><a class="active">简介</a><a>动态</a><a>历程</a></div>
            <div class="wk_about_div" id="wk_about_div">
                <div class="wk_about_main wk_aaa">
                    <div class="wk_about_left"><img th:src="@{static/front/images/about_img.png}" alt=""/></div>
                    <div class="wk_about_right">
                        <div class="wk_about_top"><a><img th:src="@{static/front/images/about_ico1.png}" alt=""/></a>
                            <a><img
                                    th:src="@{static/front/images/about_ico2.png}" alt=""/></a> <a><img
                                    th:src="@{static/front/images/about_ico3.png}"
                                    alt=""/></a> <a
                                    style="margin-right:0;"><img th:src="@{static/front/images/about_ico4.png}" alt=""/></a>
                            <div class="clear"></div>
                        </div>
                        <div class="wk_about_des">
                            自成立以来，一直专注于互联网品牌建设，我们团队的成员曾务于国内优秀广告公司及互联网公司业务类型涉及WEB视觉、交互设计、移动终端用户体验等质量和信誉是我们存在的基石。我们注重客户提出的每个要求，充分考虑每一个细节，积极的做好服务，努力开拓更好的视野。我们永远不会因为我们曾经的成绩而满足。在所有新老客户面前，我们都很乐意虚心、朴实的跟您接触，更深入的了解您的企业，以便为您提供更优质的服务！
                            我们的服务宗旨:持续为客户创造最优质的服务 感...
                        </div>
                    </div>
                </div>
                <div class="wk_news_list wk_aaa">
                    <ul>
                        <li>
                            <dl>
                                <dt>2017-03-17</dt>
                            </dl>
                            <h4><a th:href="@{newsshow.html}" title="放任是最大的不信任，人一旦" target="_blank">放任是最大的不信任，人一旦</a>
                            </h4>
                            <div class="wk_news_des">
                                才建设是组织发展的重要环节，有人说现代企业间的竞争就是人才的竞争，可见人才培养的重要性。但现实中很多主管领导认为人才培养工作只是人力资源...
                            </div>
                            <div class="wk_news_more"><a th:href="@{newsshow.html}" title="阅读更多" target="_blank"></a>
                            </div>
                        </li>
                        <li>
                            <dl>
                                <dt>2017-03-17</dt>
                            </dl>
                            <h4><a th:href="@{newsshow.html}" title="从问题中做分析，产品才能准" target="_blank">从问题中做分析，产品才能准</a>
                            </h4>
                            <div class="wk_news_des">是到底要解决什么问题(没问题存在的需求都是伪需求)?
                                这个问题是不是特别严重?有没有详细的场景描述(XXX时，特别讨厌做XXX，要是XXX就好了)? 有多少用户...
                            </div>
                            <div class="wk_news_more"><a th:href="@{newsshow.html}" title="阅读更多" target="_blank"></a>
                            </div>
                        </li>
                        <li>
                            <dl>
                                <dt>2017-03-17</dt>
                            </dl>
                            <h4><a th:href="@{newsshow.html}" title="互联网时代下，做营销更多是" target="_blank">互联网时代下，做营销更多是</a>
                            </h4>
                            <div class="wk_news_des">
                                一个有故事的人似乎会更有吸引力，起码别人都有点兴趣去了解他背后的故事是什么。同样，一个有故事的企业，也会被某种吸引力笼罩，做起生意来更加...
                            </div>
                            <div class="wk_news_more"><a th:href="@{newsshow.html}" title="阅读更多" target="_blank"></a>
                            </div>
                        </li>
                        <li>
                            <dl>
                                <dt>2017-03-16</dt>
                            </dl>
                            <h4><a th:href="@{newsshow.html}" title="没格局的努力都是在浪费时间" target="_blank">没格局的努力都是在浪费时间</a>
                            </h4>
                            <div class="wk_news_des">
                                我们都知道：有用的社交一定是势均力敌的，处于同等段位的人，才能平等地对话；小菜鸟跟大咖本来就不是一国的，很多时候你以为的热络也只不过是你...
                            </div>
                            <div class="wk_news_more"><a th:href="@{newsshow.html}" title="阅读更多" target="_blank"></a>
                            </div>
                        </li>
                    </ul>
                    <!--首页-新闻动态-内部调用代码设置位置-->
                </div>
                <div class="wk_history wk_aaa">
                    <div class="wk_blk_18"><a class="LeftBotton" onmousedown="ISL_GoUp_1()" onmouseup="ISL_StopUp_1()"
                                              onmouseout="ISL_StopUp_1()" href="javascript:void(0);" target="_self"></a>
                        <div class="wk_pcont" id="ISL_Cont_11">
                            <div class="ScrCont">
                                <div id="List1_1">
                                    <div id="List1_1">
                                        <div class="wk_fzlc_s">
                                            <h4>2009年11月</h4>
                                            <div class="wk_his_ico"></div>
                                            <dl>
                                                <dt><img th:src="@{static/front/images/history_img1.jpg}"></dt>
                                                <dd>2009年，三个热爱设计工作的年轻人成立了周末网页设计工作室...</dd>
                                            </dl>
                                        </div>
                                        <div class="wk_fzlc_b">
                                            <h4>2009年5月</h4>
                                            <div class="wk_his_ico"></div>
                                            <dl>
                                                <dt><img th:src="@{static/front/images/history_img2.jpg}"></dt>
                                                <dd>经过近两年来不断的创新探索和稳定发展,逐渐积累了丰富的客户资源，至今已服务客户300余家...
                                                </dd>
                                            </dl>
                                        </div>
                                        <div class="wk_fzlc_s">
                                            <h4>2010年7月</h4>
                                            <div class="wk_his_ico"></div>
                                            <dl>
                                                <dt><img th:src="@{static/front/images/history_img3.jpg}"></dt>
                                                <dd>随着人员和客户资源的不断增加，逐步以公司的模式进行运营...</dd>
                                            </dl>
                                        </div>
                                        <div class="wk_fzlc_b">
                                            <h4>2012年12月</h4>
                                            <div class="wk_his_ico"></div>
                                            <dl>
                                                <dt><img th:src="@{static/front/images/history_img4.jpg}"></dt>
                                                <dd>服务客户已超过600余家，公司产品研发力度持续增强，手机网站和PC客户端、移动互联网...</dd>
                                            </dl>
                                        </div>
                                        <div class="wk_fzlc_s">
                                            <h4>2013年10月</h4>
                                            <div class="wk_his_ico"></div>
                                            <dl>
                                                <dt><img th:src="@{static/front/images/history_img5.jpg}"></dt>
                                                <dd>公司更名为技术有限公司，并与众多知名企业进行合作...</dd>
                                            </dl>
                                        </div>
                                        <div class="wk_fzlc_b">
                                            <h4>2014年5月</h4>
                                            <div class="wk_his_ico"></div>
                                            <dl>
                                                <dt><img th:src="@{static/front/images/history_img6.jpg}"></dt>
                                                <dd>与上海某某软件公司合并，打造集网站、APP与软件开发为一体的综合型科技产业公司...</dd>
                                            </dl>
                                        </div>
                                        <div class="wk_fzlc_s">
                                            <h4>2015年2月</h4>
                                            <div class="wk_his_ico"></div>
                                            <dl>
                                                <dt><img th:src="@{static/front/images/history_img7.jpg}"></dt>
                                                <dd>与铭艺影视传媒公司合作，共同为客户提供互联网影视传媒服务...</dd>
                                            </dl>
                                        </div>
                                        <div class="wk_fzlc_b">
                                            <h4>2015年10月</h4>
                                            <div class="wk_his_ico"></div>
                                            <dl>
                                                <dt><img th:src="@{static/front/images/history_img8.jpg}"></dt>
                                                <dd>致力于互联网+服务，打造品牌设计建设与网络推广营销综合服务新模式，更好的为客户提供全方位的互联网服务...</dd>
                                            </dl>
                                        </div>
                                    </div>
                                    <!--首页-发展历程-内部调用代码设置位置-->
                                </div>
                                <div id="List2_1"></div>
                            </div>
                        </div>
                        <a class="RightBotton" onmousedown="ISL_GoDown_1()" onmouseup="ISL_StopDown_1()"
                           onmouseout="ISL_StopDown_1()" href="javascript:void(0);" target="_self"></a></div>
                    <div class="c"></div>
                </div>
            </div>
        </div>
    </div>
    <!--page5-->
    <div class="section page5">
        <div class="wk_service">
            <h2><img th:src="@{static/front/images/service_title.png}" alt=""/></h2>
            <h2 class="wk_h2"><img th:src="@{static/front/images/service_title1.png}" alt=""/></h2>
            <div class="wk_service_xian"></div>
            <div class="wk_service_main">
                <ul>
                    <li><img th:src="@{static/front/images/service_img1.png}" alt=""/> <span class="wk_span_1"></span>
                        <span
                                class="wk_span_2"></span> <span class="wk_span_3"></span> <span
                                class="wk_span_4"></span>
                    </li>
                    <li><img th:src="@{static/front/images/service_img2.png}" alt=""/> <span class="wk_span_1"></span>
                        <span
                                class="wk_span_2"></span> <span class="wk_span_3"></span> <span
                                class="wk_span_4"></span>
                    </li>
                    <li><img th:src="@{static/front/images/service_img3.png}" alt=""/> <span class="wk_span_1"></span>
                        <span
                                class="wk_span_2"></span> <span class="wk_span_3"></span> <span
                                class="wk_span_4"></span>
                    </li>
                    <li><img th:src="@{static/front/images/service_img4.png}" alt=""/> <span class="wk_span_1"></span>
                        <span
                                class="wk_span_2"></span> <span class="wk_span_3"></span> <span
                                class="wk_span_4"></span>
                    </li>
                    <li><img th:src="@{static/front/images/service_img5.png}" alt=""/> <span class="wk_span_1"></span>
                        <span
                                class="wk_span_2"></span> <span class="wk_span_3"></span> <span
                                class="wk_span_4"></span>
                    </li>
                    <li><img th:src="@{static/front/images/service_img6.png}" alt=""/> <span class="wk_span_1"></span>
                        <span
                                class="wk_span_2"></span> <span class="wk_span_3"></span> <span
                                class="wk_span_4"></span>
                    </li>
                    <li><img th:src="@{static/front/images/service_img7.png}" alt=""/> <span class="wk_span_1"></span>
                        <span
                                class="wk_span_2"></span> <span class="wk_span_3"></span> <span
                                class="wk_span_4"></span>
                    </li>
                    <li><img th:src="@{static/front/images/service_img8.png}" alt=""/> <span class="wk_span_1"></span>
                        <span
                                class="wk_span_2"></span> <span class="wk_span_3"></span> <span
                                class="wk_span_4"></span>
                    </li>
                    <li><img th:src="@{static/front/images/service_img9.png}" alt=""/> <span class="wk_span_1"></span>
                        <span
                                class="wk_span_2"></span> <span class="wk_span_3"></span> <span
                                class="wk_span_4"></span>
                    </li>
                    <li><img th:src="@{static/front/images/service_img10.png}" alt=""/> <span class="wk_span_1"></span>
                        <span
                                class="wk_span_2"></span> <span class="wk_span_3"></span> <span
                                class="wk_span_4"></span>
                    </li>
                    <li><img th:src="@{static/front/images/service_img11.png}" alt=""/> <span class="wk_span_1"></span>
                        <span
                                class="wk_span_2"></span> <span class="wk_span_3"></span> <span
                                class="wk_span_4"></span>
                    </li>
                    <li><img th:src="@{static/front/images/service_img12.png}" alt=""/> <span class="wk_span_1"></span>
                        <span
                                class="wk_span_2"></span> <span class="wk_span_3"></span> <span
                                class="wk_span_4"></span>
                    </li>
                    <li><img th:src="@{static/front/images/service_img13.png}" alt=""/> <span class="wk_span_1"></span>
                        <span
                                class="wk_span_2"></span> <span class="wk_span_3"></span> <span
                                class="wk_span_4"></span>
                    </li>
                    <li><img th:src="@{static/front/images/service_img14.png}" alt=""/> <span class="wk_span_1"></span>
                        <span
                                class="wk_span_2"></span> <span class="wk_span_3"></span> <span
                                class="wk_span_4"></span>
                    </li>
                    <li><img th:src="@{static/front/images/service_img15.png}" alt=""/> <span class="wk_span_1"></span>
                        <span
                                class="wk_span_2"></span> <span class="wk_span_3"></span> <span
                                class="wk_span_4"></span>
                    </li>
                </ul>
                <!--首页-合作客户-内部调用代码设置位置-->
            </div>
        </div>
    </div>
    <!--page6-->
    <div class="section page6">
        <div class="wk_contact">
            <div class="wk_contact_left"><img th:src="@{static/front/images/contact_img.png}" alt=""/></div>
            <div class="wk_contact_left1"><img th:src="@{static/front/images/contact_img1.png}" alt=""/></div>
            <div class="wk_contact_right">
                <h2><img th:src="@{static/front/images/contact_title.png}" alt=""/></h2>
                <ul class="wk_cont_div">
                    <li class="wk_serve-ico-kf">业务咨询：<span class="wk_cont_a"><img
                            th:src="@{static/front/images/cont_a.png}"/></span><a
                            th:href="${'http://wpa.qq.com/msgrd?v=3&amp;uin=' + application.companyQQ + '&amp;site=qq&amp;menu=yes'}"
                            target="_blank">[[${application.companyQQ}]] 【点击咨询】</a>
                    </li>
                    <li class="wk_serve-ico-kf">技术服务：<span class="wk_cont_a"><img
                            th:src="@{static/front/images/cont_a.png}"/></span><a
                            th:href="${'http://wpa.qq.com/msgrd?v=3&amp;uin=' + application.companyQQ + '&amp;site=qq&amp;menu=yes'}"
                            target="_blank">[[${application.companyQQ}]] 【点击咨询】</a>
                    </li>
                    <li><span class="wk_cont_c"></span>[[${application.companyEmail}]]</li>
                    <li><span class="wk_cont_d"></span>[[${application.companyPhone}]]</li>
                </ul>
            </div>
        </div>
    </div>
    <div th:replace="commons/front :: footer"></div>
</div>
<div class="clear"></div>
<div class="wp">
    <div id="diy1" class="area"></div>
</div>
<div class="clear"></div>
<div id="wp" class="wp"></div>
<div id="wk_ft" style="display:none; ">
    <div id="ft" class="wp cl" style="border:0;"></div>
</div>

<div th:include="commons/front :: service"></div>
</body>
</html>